<template>
	<div class="max">
		<my-header :backBtn="true">
			<div slot="title">
				人脸录入
			</div>
		</my-header>
		<div class="tl cont-nof">
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__hd face_cell_hd">
						<img src="../../../../../static/img/cammera.png">
						<p class="weui-cell__bd-state passed">已通过</p>
					</div>
					<div class="weui-cell__bd">
						<div class="fl weui-cell__bd-name">
							<p>张三</p>
							<p class="weui-cell__bd-txt">学生</p>
						</div>
						<div class="fl flex input-btn">
							<!-- <a class="weui-btn weui-btn_mini weui-btn_default check-btn">录入</a> -->
							<a class="weui-btn weui-btn_mini weui-btn_default check-btn"><span>重新</span>录入</a>
							<!-- <a class="weui-btn weui-btn_mini weui-btn_default check-btn">通过</a>
							<a class="weui-btn weui-btn_mini weui-btn_warn check-btn">不通过</a> -->
						</div>
					</div>
				</div>
				<div class="weui-cell"></div>
				<div class="weui-cells__title">家长列表</div>
				<div class="weui-cell">
					<div class="weui-cell__hd face_cell_hd">
						<!-- <img src="../../../../../static/img/cammera.png"> -->
						<div class="noPhoto">
							暂无
						</div>
						<!-- <p class="weui-cell__bd-state">待审核</p> -->
					</div>
					<div class="weui-cell__bd">
						<div class="fl weui-cell__bd-name">
							<p>张三</p>
							<p class="weui-cell__bd-txt">爸爸</p>
						</div>
						<div class="fl flex input-btn">
							<a class="weui-btn weui-btn_mini weui-btn_default check-btn">录入</a>
							<!-- <a class="weui-btn weui-btn_mini weui-btn_default check-btn"><span>重新</span>录入</a> -->
							<!-- <a class="weui-btn weui-btn_mini weui-btn_default check-btn">通过</a>
							<a class="weui-btn weui-btn_mini weui-btn_warn check-btn">不通过</a> -->
						</div>
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd face_cell_hd">
						<img src="../../../../../static/img/cammera.png">
						<p class="weui-cell__bd-state">待审核</p>
					</div>
					<div class="weui-cell__bd">
						<div class="fl weui-cell__bd-name">
							<p>刘留</p>
							<p class="weui-cell__bd-txt">妈妈</p>
						</div>
						<div class="fl flex input-btn">
							<!-- <a class="weui-btn weui-btn_mini weui-btn_default check-btn">录入</a> -->
							<!-- <a class="weui-btn weui-btn_mini weui-btn_default check-btn"><span>重新</span>录入</a> -->
							<a class="weui-btn weui-btn_mini weui-btn_default check-btn">通过</a>
							<a class="weui-btn weui-btn_mini weui-btn_warn check-btn">不通过</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import wx from "weixin-js-sdk";
	export default {
		methods: {
			show(url) {
				wx.previewImage({
					previewImage: url,
					urls: [url]
				})
			},
		}
	}
</script>

<style scoped>
	.noPhoto {
		width: 5rem;
		height: 5rem;
		text-align: center;
		line-height: 5rem;
		background: rgba(0, 0, 0, 0.1);
		font-size: 1.4rem;
		color: #888888;
	}

	.weui-cell__bd-txt {
		font-size: 1.3rem;
		color: #888;
		padding: 1rem 0;
	}


	.weui-cell__bd-state {
		color: red;
		font-size: 1.2rem;
		text-align: center;
		padding: 0.5rem 0;
	}

	.passed {
		color: green;
	}

	.weui-cell__bd-name {
		width: 70%;
	}

	.input-btn {
		width: 30%;
		height: 6.2rem;
		justify-content: space-around;
		align-self: center;
		flex-direction: column;
		color: #FA5151;
	}
</style>
